<template>
  <div class="box">
    <h5>父组件</h5>
    <!-- <p>text:{{ text }}</p> -->
    <OneChildBox></OneChildBox>
  </div>
</template>

<script>
import OneChildBox from "./One/OneChildBox";
export default {
  components: {
    OneChildBox,
  },
  // 提供的 依赖数据
  //    => 为后代元素提供数据，当前组件不可用
  provide: {
    text: "依赖数据text",
    num: 100,
    arr: [1, 2, 3, 4],
  },
};
</script>
